@import "../../../style/sass/common/variables.scss";
@import "../../../style/sass/common/function.scss";
.table{
    .loading-data{
        min-height: 400px;
        .icon{
            width: 3rem;
            height: 3rem;
        }
    }
}
.notSelected{
    background-color: $color-lightgray;
}

.openIcon{
    font-size: 80px;
}

.dn{display: none}

.disable{
    pointer-events:none
}
.showMergeIcon{
    display: inline-block; 
}

//new
.table-nav{
    height: pxtorem(60);
    overflow-y: hidden;
    overflow-x: auto;
}
.table-nav-item{
    font-size: pxtorem(16);
    color: $color-lightgray;
    margin-left: pxtorem(16);
    min-width: pxtorem(80);
    &:first-child{
        margin-left: pxtorem(0);
    }
}
.table-nav-item.active{
    color: $color-lightblack;
    .table-nav-bottom{
        background-color: $color-primary;
    }
}
.table-nav-bottom{
    width: pxtorem(40);
    height: pxtorem(4);
}
.table-nav-container{
    // box-shadow: 0px 1px 2px $color-gray;
    height: pxtorem(60);
    border-bottom: 1px solid $color-gray;
    padding: 0 pxtorem(16);
}
.table-status-list{
    width: pxtorem(220);
}
.table-status-item{
    height: pxtorem(50);
    border-bottom: 1px solid $color-gray;
}
.status-icon{
    width: pxtorem(24);
    height: pxtorem(24);
    >span{
        font-size: pxtorem(24);
    }
}
.open-table-header{
    height: pxtorem(50);
    border-bottom: 1px solid #e0e0e0;
}
.open-table-count{
    height: pxtorem(195);
}
.open-table-num{
    height: pxtorem(40);
    border-bottom: 1px solid $color-gray;
}
.open-table-numbtn{
    height: pxtorem(50);
    width: pxtorem(50);
    border: 1px solid rgba(0,0,0,0.1);
    // box-shadow: 0 0 5px $color-gray;
    border-radius: pxtorem(8);
}
.open-table-panel{
    padding: 0 pxtorem(15);
    >div{
        &:last-child{
            margin-top: pxtorem(15);
        }
    }
}